﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="Event.Default" %>

<%@ Register Src="~/Controls/Homepage/NewsHighlight.ascx" TagName="NewsHighlight"
    TagPrefix="uc" %>
<%@ Register Src="~/Controls/Homepage/QAHomePage.ascx" TagName="QAHomePage" TagPrefix="uc" %>
<%@ Register Src="~/Controls/Homepage/Notify.ascx" TagName="Notify" TagPrefix="uc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="home-banner">
        <ul class="bjqs">
            <li>
                <img src="/images/s-12.jpg" title="">
                <a class="banner-s1" href="/the-le-giai-thuong.htm"></a>
                <a class="banner-register nodisplay" href="javascript:void(0);" onclick="openIframeToRegister();">
                </a></li>
            <li>
                <img src="/images/s-10.jpg" title="">
                <a class="banner-s2" href="/the-le-giai-thuong.htm"></a>
                 <a target="_blank" class="banner-sendo" href="http://www.sendo.vn/?utm_source=afamily&utm_medium=deptoicongso&utm_campaign=052013taitro"></a>
                </li>
            <li>
                <img src="/images/s-11.jpg" title="">
                <a class="banner-s3" href="/the-le-giai-thuong.htm"></a>
                <a target="_blank" class="banner-muachung" href="http://muachung.vn"></a>
                <a target="_blank" class="banner-solo" href="http://solo.vn"></a>
                </li>
        </ul>
        <%--        <img alt="" title="" src="/images/banner-home.jpg" />--%>
    </div>
    <script type="text/javascript">
        function setBanner(now) {
            var timeNow = new Date(now);
            var dateRound2 = new Date('05 08 2013');
            var dateRound1 = new Date('05 09 2013');
            var dateRoundStart = new Date('05 10 2013');
            var $img = $('#home-banner li:first img');
            if (timeNow >= dateRoundStart) {
                $img.attr('src', '/images/s-14.jpg');
                $('.banner-s1').hide();
                $('.banner-register').removeClass('nodisplay');
            } else if (timeNow >= dateRound1) {
                $img.attr('src', '/images/s-13.jpg');
            } else {
                $img.attr('src', '/images/s-12.jpg');
            }
        }

        setBanner('<%= _strNow %>');

        jQuery(document).ready(function ($) {

            $('#home-banner').bjqs({
                height: 300,
                width: 980,
                responsive: true
            });

        });
      </script>
    <div class="home-content-mid-low clearfix">
        <uc:QAHomePage ID="ctrQAHomePage" Visible="false" runat="server" />
        <div class="home-content-timeline">
            <div class="timeline-schedule">
                <i class="timeline-d-0">6/5</i> <i class="timeline-t-0">Bắt đầu</i> <i class="timeline-t-1">
                    Vòng 1</i> <i class="timeline-d-1">10/5</i> <i class="timeline-t-2">Vòng 2</i>
                <i class="timeline-d-2">21/5</i> <i class="timeline-t-3">Kết thúc</i> <i class="timeline-d-3">
                    3/6</i> <i id="timeline-point" style=""></i><i id="timeline-content-0"></i><i id="timeline-content-1">
                    </i><i id="timeline-content-2"></i><i id="timeline-content-3"></i>
                <div class="timeline-content">
                    <span class="left fl"></span>
                    <div class="inside">
                        <div class="header">
                        </div>
                        <div class="content">
                        </div>
                    </div>
                    <span class="right fl"></span><i class="arrow"></i>
                </div>
            </div>
            <asp:PlaceHolder ID="phGiaiThuong" Visible="false" runat="server">
                <div class="timeline-banner">
                <a href="/giai-thuong.htm">
                    <img alt="" src="images/gt4.jpg" />
                    </a>
                </div>
            </asp:PlaceHolder>
            <asp:PlaceHolder ID="phNotify" Visible="false" runat="server">
                <div class="timeline-notify">
                    <div class="timeline-left">
                        <img alt="" src="images/notify-banner.jpg" />
                    </div>
                    <uc:Notify ID="ctrNotify" Visible="false" runat="server" />
                </div>
            </asp:PlaceHolder>
        </div>
    </div>
    <div class="home-banner-mid clear">
        <div class="fl mt15 mb15">
            <div id="advLeft">
            </div>
                    </div>
            <asp:Literal ID="ltrAdvLeft" runat="server" />
        <div class="fr  mt15 mb15">
            <a target="_blank" title="" href="http://muachung.vn">
                <img alt="" src="images/480x100-muachung.jpeg" /></a></div>
    </div>
    <uc:NewsHighlight ID="ctrNewsHighlight" Visible="false" runat="server" />
    <div class="home-banner-mid clear">
        <div class="fl mt15 mb15">
            <a target="_blank" title="Libero.vn" href="http://libero.vn">
                <img alt="" src="/images/480x100-libero.jpg" /></a></div>
        <div class="fr mt15 mb15">
            <a target="_blank" title="Afamily.vn" href=" http://afamily.vn/dep.chn">
                <img alt="" src="/images/480x100-afamily.jpg" /></a></div>
    </div>
<%--    <ul class="home-banner-bottom clear">
        <li><a title="" href="">
            <img alt="" title="" src="/images/480x100-libero.jpg" /></a> </li>
        <li><a title="" href="">
            <img alt="" title="" src="/images/480x100-afamily.jpg" /></a> </li>
    </ul>--%>
    <script type="text/javascript">
        $('.home-content-qa-common ul').jScrollPane({ showArrows: false, arrowScrollOnHover: false });
        $('.home-content-timeline .timeline-right').jScrollPane({ showArrows: false, arrowScrollOnHover: false });
        timelineHomepage('<%= _strNow %>');

        $('#timeline-content-0').hover(function () {
            setTooltipTimeline("Bắt đầu", "Giai đoạn phát động", "-84px", "auto", "/the-le-giai-thuong.htm#rule-1", 5000000);
        }, function () { $('.timeline-content').hide(); }).click(function () { window.location.href = "/the-le-giai-thuong.htm#rule-1"; });
        $('#timeline-content-1').hover(function () {
            setTooltipTimeline("Vòng 1", "Chủ đề Tự do", "14px", "auto", "/the-le-giai-thuong.htm#rule-2", 5000000);
        }, function () { $('.timeline-content').hide(); }).click(function () { window.location.href = "/the-le-giai-thuong.htm#rule-2"; });
        $('#timeline-content-2').hover(function () {
            setTooltipTimeline("Vòng 2", "Chủ đề Mix trang phục", "211px", "auto", "/the-le-giai-thuong.htm#rule-3", 5000);
        }, function () { $('.timeline-content').hide(); }).click(function () { window.location.href = "/the-le-giai-thuong.htm#rule-3"; });
        $('#timeline-content-3').hover(function () {
            setTooltipTimeline("Kết thúc", "Cuộc thi kết thúc", "auto", "-80px", "/giai-thuong.htm", 5000);
        }, function () { $('.timeline-content').hide(); }).click(function () { window.location.href = "/giai-thuong.htm"; });

        function setTooltipTimeline(title, content, left, right, link, timeout) {
            var $content = $('.timeline-content');
            $content.find('.header').html(title);
            $content.find('.content').html(content);
            $content.hide().show().css("left", left).css("right", right);
        }
        //206px
        // right: -32px;
    </script>
</asp:Content>
